<template>
  <div>
    <cs-menu :menuData="menuData"></cs-menu>
  </div>
</template>

<script>
export default {
  data: () => {
    return {
      menuData: [
        {
          icon: "iconfont icon-caiwu",
          title: "测试1",
          id: 1,
          path: "path/name",
          isShow: true,
          child: [
            {
              icon: "iconfont icon-caiwu",
              id: 11,
              title: "页面1",
              path: "path/name",
              isShow: true
            },
            {
              icon: "iconfont icon-caiwu",
              title: "页面2",
              id: 12,
              path: "path/name",
              isShow: true
            },
            {
              icon: "iconfont icon-caiwu",
              title: "页面3",
              id: 13,
              path: "path/name",
              isShow: true
            },
            {
              icon: "iconfont icon-caiwu",
              title: "页面4",
              id: 14,
              path: "path/name",
              isShow: true
            }
          ]
        },
        {
          icon: "iconfont icon-caiwu",
          title: "测试2",
          id: 2,
          path: "path/name",
          isShow: true,
          child: [
            {
              icon: "iconfont icon-caiwu",
              id: 21,
              title: "页面1",
              path: "path/name",
              isShow: true
            },
            {
              icon: "iconfont icon-caiwu",
              title: "页面2",
              id: 22,
              path: "path/name",
              isShow: true
            },
            {
              icon: "iconfont icon-caiwu",
              title: "页面3",
              id: 23,
              path: "path/name",
              isShow: true
            },
            {
              icon: "iconfont icon-caiwu",
              title: "页面4",
              id: 24,
              path: "path/name",
              isShow: true
            }
          ]
        }
      ]
    };
  }
};
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
